/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/mixins/typography";

// these are the things that show up when you try to import names w/emails into your course
#user_list_boxes {
  position: relative;
  min-height: 165px;
  margin-top: 10px;
  #user_list_textarea_container, #user_list_processing, #user_list_parsed {
    min-height: 165px;
    width: 100%;
    background-color: white;
    label {
      font-size: 0.8em;
    }
  }
  textarea {
    width: 98%;
    height: 108px;
    margin: 0;
  }
  #user_lists_processed_people {
    overflow: auto;
    height: 126px;
    .ui-widget {
      margin: 0 8px 8px 0;
    }
    .person {
      display: inline-block;
      position: relative;
      background: #FFF;
      margin: 0 8px 8px 0;
      padding: 4px;
      @include fontSize(11px);
      min-height: 21px;
      box-shadow: inset 33px 0 0 #F7F7F7, inset 34px 0 0 #CCC;
      div {
        margin: 2px 0 0 33px;
      }
      .name::after {
        content: " ";
      }
      .address, .login {
        font-weight: normal;
      }
      &::before {
        content: "";
        display: block;
        height: 100%;
        background: url(/images/circle-plus.png) no-repeat center center;
        position: absolute;
        margin: -4px;
        width: 33px;
      }
      &.existing-user::before {
        background-image: url(/images/circle-check.png);
      }
    }
  }
}